﻿/*使用auto时涉及几处z-index 高度的问题，暂定为以下.
拖动层：20
调试框：30
*/

.autotable { border-collapse: separate; text-align: center; vertical-align: middle;border:none;
}

.autotable>thead>tr> th{background-color: #f2f2f2;background-clip: border-box; will-change: transform; 
                     border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;    }
.autotable>tbody> tr>td{border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.autotable>tfoot>tr> td{border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd;}

    .autotable tfoot tr { text-align: left; }
    .autotable tfoot td { vertical-align: bottom; }

    .autotable > tbody > tr.autoselected > td { background-color: #ddd; }

   .autotable .frzTD {background-color: #f2f2f2;will-change: transform; }
 .autotable thead .autoSort{cursor: pointer;-webkit-user-select: none;}

    /*分页按钮是行内,距左50*/
    .autotable tfoot td>span { display: inline-block; margin-right: 20px; }
 
/* 自动编辑的样式*/
.autoEdit { -moz-background-clip: content-box; -webkit-background-clip: content-box; background-clip: content-box; 
            padding: 0 !important; } 
    .autoEdit .autoEditinput { background: none; background-color:#fee ;/*#e2fafe#fee是粉色*/ -moz-background-clip: padding-box; -webkit-background-clip: padding-box; 
                               background-clip: padding-box;border: none; padding: 0 5px; width: 100%; min-height: 20px; text-align:center; }

        .autoEdit .autoEditinput:focus { color: rgba(28, 68, 227, 1); }
    /*编辑的右上折角*/
    .autoEdit .cellEdited { background-position: top right; background-repeat: no-repeat; background-image: url(""); }
    
    
    
    
/*分析时的选中样式*/
.autotable .autoAnalyse { background-color: rgb(166, 248, 200) !important; }
.autotable #autoAnalyse { display: block; }
    .autotable #autoAnalyse > span { display: inline-block; padding: 0 5px; }
        .autotable #autoAnalyse > span:hover { font-weight: bold; }
/*caret向上三角箭头，bs只供了向下三角箭头,引用时 " .caret .caret-up " */
.caret-up { border-top: 0; border-bottom: 4px solid; }
/*.autocenter{position:absolute;left: 50%; top: 50%; transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);}  */

/*采油工程表格样式*/
.cygctable { text-align: center; font-size: 12px; border-collapse: collapse; border-spacing: 0; }
    .cygctable > thead > tr > th, .cygctable tr.autoheader2 > th { background-color: #eeeff1 !important; font-weight: normal; }
    .cygctable > tbody > tr > td, .cygctable > tfoot > tr > td { line-height: 19px; }
/*精确控制边线*/
.cygctable { border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; }
    .cygctable > thead > tr > th, .cygctable tr.autoheader2 > th, .cygctable > tbody > tr > td, .cygctable > tfoot > tr > td { border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-top: none; border-left:none; }
    /*进度条样式*/
    .cygctable .progress { overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
        .cygctable .progress .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
        .cygctable .progress .progress-bar-info{background-color: #9E9E9E;  opacity: 0.7;}

    /*dialog弹窗的样式*/
    .autocenter{position:absolute;left: 50%; top: 50%; transform:translate(-50%, -50%)!important;-ms-transform:translate(-50%, -50%)!important;-webkit-transform:translate(-50%, -50%)!important;-o-transform:translate(-50%, -50%)!important;-moz-transform:translate(-50%, -50%)!important;}
    .autodlg .modal-body{ overflow-y:auto;}
@media (min-height: 0) {
    .autodlg .modal-body {  max-height:80px;}
}
@media (min-height: 300px) {
    .autodlg .modal-body {  max-height:180px;}
}
 @media (min-height: 500px) {
    .autodlg .modal-body {  max-height:380px;}
}
 @media (min-height: 600px) {
    .autodlg .modal-body {  max-height:480px;}
}
@media (min-height: 700px) {
    .autodlg .modal-body {  max-height:580px;}
}
@media (min-height: 900px) {
    .autodlg .modal-body {  max-height:680px;}
}


.autotabpanel{position: relative;}
.autotabpanel ul{ width:100%;    float: left;}
.autotabpanel .tab-content{
    position: absolute;
    width: 100%;
    top: 43px;
    bottom: 0px;
    left: 0px;
    }
    .autotabpanel iframe{
            position: absolute;
            width: 100%;
            top: 0px;
            bottom: 0px;
            left: 0px;
         }
/*修复ie11下，关闭符号换行*/
.autotabpanel ul.nav li a{display: inline-block;} 
/*右键菜单默认隐藏*/
.autotabpanel .dropdown{position: absolute;} 


  /*窗体中，灰色的标题*/
        .autoForm .autoFormTable {
            margin: 0 auto;
            max-width: 600px;
            border: 1px #dadada solid;
        }
        .autoForm .autoFormTable td {
            line-height: 28px;
        }
        .autoForm .autoFormTable td input,.autoForm .autoFormTable td select {
            width: 100%;
            height: 32px;
            line-height: 32px;
            border: solid 1px #a7b5bc;
            background-color: #FFF;
            text-indent: 8px;
        }
        .autoForm .autoFormTable td.greyTD {
            height: 28px;
            line-height: 28px;
            padding: 3px 5px;
            text-align: center;
            border-bottom: 1px #dadada solid;
            border-right: 1px #dadada solid;
            background-color: #efefef;
        }
        .autoForm .formtree{
            display:none;position:absolute;min-width:250px;
        }
        .autoFormDiv {
            margin: 0 auto;
            width: 180px;
        }
        
        .autoForm .ztree {
            background-color: #fff;
            padding: 10px;
            min-width: 150px;
        }